<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>代理</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!-- jQuery文件。务必在bootstrap.min.js之前引入 -->
		<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
		
		<link rel="stylesheet" href="__STATIC__/jcweb/css/base.css" />		
		<script src="__STATIC__/jcweb/js/utils.js"></script>		
		
		<link rel="stylesheet" href="__STATIC__/jcweb/css/agency.css" />
		<link rel="stylesheet" href="__STATIC__/jcweb/css/dialog.css" />
		<script src="__STATIC__/jcweb/js/agency.js"></script>
		{include file="public/wxopera" /}
	</head>
	<body>
		
		
		{include file="public/footer" /}
		
		<section  class="center-content sectionContent">
			<img id="section" style="width: 100%;position: absolute;z-index: 1;" />
			
			
			
			
			<div class="flex title-div2" style="top: 0;">
				<div class="flex-1 text-center padding5">
					<div onclick="lookBack()" class="v-center explainClass" style="position: absolute;z-index: 2;padding: 3px;">
						<span>奖励机制</span>

					</div>
				</div>
				<div class="flex-2 flex h-center">
					<div class="flex h-center v-center memberid" style="z-index: 2;padding: 3px;">				
							会员:<font>888888888</font>						
			        </div>
			        
				</div>
				<div  class="flex-1 text-center padding5">
					<div onclick="explain()" class="v-center explainClass" style="position: absolute;z-index: 2;padding: 3px;">
						<span>佣金说明</span>
					</div>
				</div>
			</div>
			
			<!--<div style="width: 100%; background-color: #000000; margin-top: 35%;">
				<div style="width: 150px;height: 150px; background-image: url(__STATIC__/jcweb/img/bg-18.png);background-repeat: no-repeat;background-size: 100% 100%;margin: 0 auto;">
				     <img src="__STATIC__/jcweb/img/delete-1.png" style="width: 130px;height: 130px; margin: 10px;"/>
			    </div>
				
			</div>	-->
			<!--<div style="position: relative;width: 100%;height: 90%;">-->
				 
					<!--<div style="width: 150px;height: 150px; background-image: url(__STATIC__/jcweb/img/bg-18.png);background-repeat: no-repeat;background-size: 100% 100%;position:absolute; bottom:0;left: 50%;margin-left:-75px;margin-bottom: 20%;">
					     <img src="__STATIC__/jcweb/img/delete-1.png" style="width: 130px;height: 130px; margin: 10px;"/>
				    </div>-->
					
					
					{if($isdaili)==1}
					<div class="becomeagencybtn">
				    	我是代理
				    </div>
					{else}
					<div onclick="becomeagency()"  class="becomeagencybtn">
				    	我要成为代理
				    </div>
					{/if}
					
				    
			
			
		  <!--  </div>-->
		</section>	
		<style>
		.yongjin-table{
		border:1px #fff solid;
		}
		</style>
		
		<div id="explainpop" class="fill-all dialog flex v-center" style="z-index:9;">
				<!--佣金说明-->
				<div class="popbox">
					<img onclick="popboxclose()" class="popimg" src="__STATIC__/jcweb/img/bg-19.png" />
					<font style="font-size: 1.8rem;">佣金说明</font>
					<div style="width: 100%;text-align: left;font-size: 1.6rem;max-height:400px;overflow-y:scroll;">
				    	<div class="flex v-center">
				    	<div class="flex-1 flex h-center yongjin-table">
				    	等级
				    	</div>
				    	<div class="flex-1 flex h-center yongjin-table">
				    	百分比
				    	</div>
				    	</div>
				    	
				    	{volist name="yongjin" id="v"}
				    	<div class="flex v-center">
				    	<div class="flex-1 flex h-center yongjin-table">
				    	{$v['type']}
				    	</div>
				    	<div class="flex-1 flex h-center yongjin-table">
				    	{$v['baifenbi']}
				    	</div>
				    	</div>
				    	{/volist}
						<h2>说明</h2>
				    <p style="font-size:1.4rem;text-align:left;">
				    用户分为两种，普通用户和代理.<br>
				    
普通和代理都可通过二维码邀请用户.<br>
邀请的用户分为三级（举例一级10%，二级5%，三级3%，佣金）.<br>
（普通用户的佣金根据下注获取，代理拥挤根据输的金额获取）.<br>
A为用户或代理，邀请的30个用户B1-B30为A的一级下线.<br>
B1-B30各自邀请的人各自（C1-Cn）为A的二级下线.<br>
C1-Cn各自邀请的人（各自D1-Dn）为A的三级级下线.<br>
A可获取B的10%，A可获C的5%，A可获取D的3% .<br>
B可获取C的10%，B可获D的5%.<br>
C可获取D的10%
				    </p>
				    </div>
				    
				</div>
			</div>
			
			<div id="awardpop" class="fill-all dialog flex v-center">
				<!--奖励机制-->
				<div class="popbox">
					<img onclick="awardpopclose()" class="popimg" src="__STATIC__/jcweb/img/bg-19.png" />
					<font style="font-size: 1.8rem;">奖励机制</font>
					<div style="width: 100%;text-align: left;font-size: 1.6rem;max-height:400px;overflow-y:scroll;">
				    	{if($jiangli['type']==2)}
						<img src="{$httpurl.$jiangli['content']}" class="fill-w">
						{else}
						{$jiangli['content']}
						{/if}
				    </div>
				</div>
			</div>
			
			
		<div id="becomeagencypop" class="fill-all dialog flex v-center">
				<!--成为代理-->
				<div class="popbox ">
					<img onclick="becomeagencypopclose()" class="popimg" src="__STATIC__/jcweb/img/bg-19.png" />
					<br />
					<font style="font-size: 2.5rem;">点击确定成为代理!</font>
					<br />
					<br />
					<button  onclick="applydaili()" style="width: 80px; padding: 5px;border-radius: 5px;background-color: red;border: none;font-size: 16px;margin: 0 auto;outline：none;color: #FFFFFF;">确定</button>
				</div>
			</div>
			<input id="big_bg" type="hidden" value="__STATIC__/jcweb/img/bg-17.png" />
			<input id="qr" type="hidden" value="{$qr}" />
			<script>
			function applydaili(){
			becomeagencypopclose();
			$.post("{:url('Api/applyDaili')}",function(){
			showSuccess("申请成功",function(){
				location.reload();
			});
			
			});
			}
			
			</script>
	</body>
</html>
